html,body{margin:0;padding:0; height:100%;}
body{font: 76% arial,sans-serif;}
#header
{
    background-position: right top;
    height: 90px;
    width: 100%;
    background-image: url('../images/footer_bg100.png');
    background-repeat: no-repeat;
}
#fixedHeader  
{
    width:100%; 
    margin-bottom:5px;
    border-bottom:1px solid gray; 
    background: url('../images/main-page-tabs-active.png') repeat-x;
    position:fixed;
    height:100px;
    top:0;
    left:0;
    }
#header h1{height:80px;line-height:80px;margin:0;padding-left:200px; width:50%; }
/* Login */
#boxed
{
    padding-top: 26px;
    padding-bottom: 6px;
    padding-left: 10px;
    margin-top:50px;
}
.loginContainer
{
    
    margin: 0 auto;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    width: 360px;
    height: auto;
    font-size: 12px;
    font-family: arial,sans-serif;
    text-align: justify;
    border: 1px solid #270644;
    /*** Rounded Corners ***/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
     
    /*** Background Gradient - 2 declarations one for Firefox and one for Webkit ***/
    background:  -moz-linear-gradient(19% 75% 90deg,#339966, #84BB11);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#339966), to(#84BB11));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#339966', endColorstr='#84BB11'); /* for IE */
    /*** Shadow behind the box ***/
    -moz-box-shadow:0px -5px 200px #87E01B;
    -webkit-box-shadow:0px -5px 200px #87E01B;
     box-shadow::0px -5px 300px #FF8000;
     behavior: url(border-radius.htc);
   
}
.labelContainer
{
  float:left;
  width:25%;
  text-align:right;
  padding-right:10px;
  padding-top:5px;
}
.lgRow
{
    height:35px;
    
}
.lgRow label
{
   display: block;
   
}
.divspacer-small{ height:15px;}
.textBoxContainer
{
   float:left;
   width:60%;
}
.textBoxContainer input
{
    border: 1px solid #999999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    height: 20px;
    width:150px;
}
.submitButton
{
    padding-left:28%;
}
/* Login */
/* Add User Form*/

.addUserContainer
{
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #270644;
    background:  -moz-linear-gradient(19% 75% 90deg,#C9C7C8, #FAF7F8);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#C9C7C8), to(#FAF7F8));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C9C7C8', endColorstr='#FAF7F8'); /* for IE */
    
}
.addUserContainer .label
{
    width:150px;
    float:left;
    text-align:right;
    padding-right:10px;
    padding-top:5px;
}

.addUserContainer .textBox
{
    float:left;
}
.addUserContainer .textBox input
{
     border: 1px solid #999999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    height: 20px;
    width:150px;
}
.addUserButton
{
    margin-left:160px;
}
/* Add User Form End */
#main{width:1000px; text-align:justify; margin:0 auto;font-family: sans-serif; font-size: 9pt; color:#696969;}
#extra{background:#CCC8B3;float:left;width:auto}
#container{width:auto; margin:20px;}
#content{float:left; width:1000px; min-height:500px; margin:0 auto; margin-top:150px; z-index:20; margin-left:120px;}
#content p{line-height:1.4}
#footer{background:#E5E5E5; clear:both;width:100%;text-align:center}
#footer p{margin:0;padding:5px 10px}
.push{height:10%;}
.wrapper { min-height:100%; height:auto; height:100%; margin:0 auto 10%;}
.imageButton{ width:75px; height:28px;}
.uploadText{ font-family:arial,sans-serif;font-size:14px;}
/*Final style section*/
p{margin:0 10px 10px}
#footer a{padding:5px; text-decoration:none;color:#7F0606; padding-right:15px;}
#LoginNameLabel{font-size:14px;color:#7F0606;font-family:arial,sans-serif;}
.displayStatusText
{
    height: 100px;
 }
 .ddlIndicator
 {
     position:static;
}
textarea
{
     vertical-align:middle;
}
.loginName{color:#fff;}
.LogoutLink
{
    color: #FFFF66;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    font-family: arial,sans-serif;
}
.LogoutLink:hover
{
    color: #FF3300;
    text-decoration: none;
    font-size: 16px;
    font-family: arial,sans-serif;
}
/*************************/
.panelMenu{ padding-left:30px;}
#excelmenu{ float:left;  }

#menubar
{
    float: left;
    width: 100%;
    height: 40px;
    background-image: url('../images/nav_background.gif');
    background-repeat: repeat-x;
    background-position: left top;
}

.panelExcelMenu
{
    float:left;
}
/*main Menu*/
.mainmenu
{
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.mainmenu ul
{
    width:auto;
    float:left;
    padding-top:3px;
    
}
.mainmenu li{
display: inline;
margin: 0;
}
.mainmenu li a
{
    font: 13px Arial,sans-serif;
    text-decoration: none;
    padding: 5px 7px;
    margin-right: 3px;  
    color: #4F4F4F;  
}
.mainmenu li a:visited{
}

.mainmenu li a:hover{
background-color: #FEC324;
color: black;
}

.mainmenu li a:active{
}

.mainmenu li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
}


/* Tab Menu*/
.basictab
{
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
float:left;
}
.basictab ul
{
width:auto;
float:left;
padding-top:0px;
margin-right:20px;
padding-top:5px;
}
.basictab li
{
display: inline;
margin: 0;
}
.basictab li a
{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #DEDEDE;
color: #2d2b2b;   
}
.basictab li a:visited{
color: #2d2b2b;
}
.basictab li a:hover{
background-color: #0D8F61;
color: #fff;
}
.basictab li a:active{
color: black;
}
.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #DBFF6C;
color: black;
}

/* this is for button css */

.cta_button, .cta_button:link, .cta_button:visited
{
    background-color: #006666;
    background-image: -moz-linear-gradient(top, #ffd000, #ffb600);
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    box-shadow: 1px 0 4px rgba(0,0,0,.15) inset, 1px 1px 1px rgba(255,255,255,.9) inset, 0 0 2px rgba(0,0,0,.45);
    -webkit-box-shadow: 1px 0 4px rgba(0,0,0,.15) inset, 1px 1px 1px rgba(255,255,255,.9) inset, 0 0 2px rgba(0,0,0,.45);
    -moz-box-shadow: 1px 0 4px rgba(0,0,0,.15) inset, 1px 1px 1px rgba(255,255,255,.9) inset, 0 0 2px rgba(0,0,0,.45);
    border: none;
    color: #FFFFFF;
    display: inline-block;
    font: normal 22px/19px 'HelveticaNeue-CondensedBold' , 'Helvetica Neue Bold Condensed' , 'Helvetica Neue Condensed Bold' , 'HelveticaNeueCondensed' , 'HelveticaNeue-Condensed' , 'Helvetica Neue Condensed' , 'HelveticaNeue' , 'Helvetica Neue' , 'Helvetica' , 'Arial Narrow' , 'Arial' ,sans-serif;
    font-stretch: condensed;
    padding: 10px 35px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255,255,255,.4);
    text-transform: uppercase;
    behavior: url(PIE.htc);
}
.cta_button span {
  color: rgba(175,92,0,.6);
  font-size: 14px;
  text-transform: none;
  text-shadow: none;
  behavior: url(border-radius.htc);
}
.cta_button:hover {
  background-color: #ffe04d;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(.5, #ffe04d),color-stop(1, #fbca47));
}
.cta_button:active {
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(.1, #ffb600),color-stop(1, #ffd000));
}
.cta_button.small
{
    font-size: 14px;
    padding: 4px 20px 4px 20px;
}